<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人资料</title>
		<link href="../mui/css/mui.min.css" rel="stylesheet" />
		<link href="../styles/default.css" rel="stylesheet" />
		<link href="../mui/css/mui.picker.min.css" rel="stylesheet" />
		<link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<style>
			.mui-table-view {
				position: relative;
				margin-top: 1.17647059em;
				background-color: #fff;
				line-height: 1.41176471;
				font-size: 0.7rem;
			}
			
			.mui-table-view-cell {
				position: relative;
				padding: 0.5rem 0.6rem;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
			}
			
			.mui-table-view:first-child::before {
				display: none;
			}
			
			.font-right {
				margin-right: 1rem;
				color: #999;
			}
			
			.font-center{
				text-align: center;
			}
			
			.mui-table-view-cell__bd {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				flex: 1;
			}
			
			.mui-avatar{
				border-radius: 50%;
				vertical-align: middle;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav hotel-header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">个人资料</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>头像</span>
					</div>
					<a class="mui-navigate-right">
						<img class="mui-avatar font-right" src="../styles/images/user-avatar.png" />
					</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>昵称</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">阿狸</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>姓名</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">Candice</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>性别</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">女</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>出生日期</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">1994.04.22</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>手机号码</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">18569035252</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>邮箱</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">83625841@qq.com</span>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>合作账号管理</span>
					</div>
					<a class="mui-navigate-right"></a>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>修改密码</span>
					</div>
					<a class="mui-navigate-right"></a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd font-center">
						<span>退出登录</span>
					</div>
				</li>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../libs/ems.js" data-main='./city.js'></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>